<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./font/iconfont.js"></script>
    <link rel="stylesheet" href="./css/my.css">
    <link rel="stylesheet" href="./js/swiper/swiper-bundle.min.css">
    
    <style>
       

    </style>
</head>
<body>
    <header>
        <nav id="cnav">
            <ul>
                <li>
                    <a href="#"><!-- 话题图标 -->
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-saomiao"></use>
                        </svg>
                    </a>
                </li>
        
                <li> 
                            <div>
                               
                                <input type="text" placeholder="搜索知乎内容">
                            </div>
                </li>
             
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-moonyueliang "></use>
                        </svg>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-shezhi"></use>
                        </svg>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-lingdang"></use>
                        </svg>
                    </a>
                </li>
            </ul>
        </nav>
    </header>
     <!-- ***********************个人信息***************************** -->
     <div class="my">
        <div class="my_header">
            <a href="#">
                <img src="./img/微信图片_20230107000438.jpg" >
            </a>
            <div class="my-name">
                <h3><a href="#">薛一靓</a></h3>
                <a href="#"><span>学号:20001010431</span></a>
            </div>
        </div>
    </div>
   
    <!-- **************************关注量******************** -->
    <div class="attention-people">
        
           
       
    </div>
    <script>
        var jarr=[{
            link:"http://ltaaa.com",
            mountt:"未开通",
            titlee:"创作"
           
        },
        {
            link:"http://ltaaa.com",
           mountt:"33",
            titlee:"关注"
           
        },
        {
            link:"http://ltaaa.com",
            mountt:"14",
            titlee:"收藏"
           
        },{
            link:"http://ltaaa.com",
            mountt:"74",
            titlee:"最近浏览"
           
        }];
        var jlist=document.querySelector(".attention-people");
        jarr.forEach((v,i)=>{
            var nli=document.createElement("li");
            nli.innerHTML=`<a href=${v.link}>
                    <div class="attention-mount">${v.mountt}</div>
                    <div class="atention-title">${v.titlee}</div>
                </a>`;
            jlist.appendChild(nli);
        })
   </script>
     <!-- ************************会员广告**************** -->
     <div class="vip-ad">
        <div class="vip-name">
            <a href="#">
                <h3>升级超级盐选会员</h3>
            </a>
            <a href="#"><span>畅享广告特权</span></a>
        </div>
        <div class="vip-big-gift">
            <a href="#"><span>0.2元/天升级</span></a>
        </div>
    </div>
    <!-- ***************************我的个人中心************************ -->
    <div class="attention-people">
        <div class="my-person">
            <ul>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-jiarushujia_01"></use>
                        </svg>
                    </a>
                    <a href="#">
                        <div class="my-personal-center-title">书架</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-gaiicon-"></use>
                        </svg>
                    </a>
                    <a href="#">
                        <div class="my-personal-center-title">已购</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-xueyuan-fufeikecheng"></use>
                        </svg>
                    </a>
                    <a href="#">
                        <div class="my-personal-center-title">付费咨询</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-flag"></use>
                        </svg>
                    </a>
                    <a href="#">
                        <div class="my-personal-center-title">活动广场</div>
                    </a>
                </li>
            </ul>
            <!-- ---------- -->
            <ul>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-qianbao1"></use>
                        </svg>
                    </a>
                    <a href="#">
                        <div class="my-personal-center-title">钱包</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-shumiao"></use>
                        </svg>
                    </a>
                    <a href="#">
                        <div class="my-personal-center-title">社区共建</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-kefu1"></use>
                        </svg>
                    </a>
                    <a href="#">
                        <div class="my-personal-center-title">专属客服</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-zhibo1"></use>
                        </svg>
                    </a>
                    <a href="#">
                        <div class="my-personal-center-title">直播</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
   
    </div>
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><div class="neirong">
            <ul>
                <li>
                   
                    <p>开始你的第一篇内容创作</p>
                    <h3>发布首篇内容，开通创作中心</h3>
                   
                </li>
              
            </ul>
            <div>去创作</div>
        </div></div>
          <div class="swiper-slide"> <div class="neirong">
            <ul>
                <li>
                   
                    <p>开始你的第一篇内容创作</p>
                    <h3>发布首篇内容，开通创作中心</h3>
                   
                </li>
              
            </ul>
            <div>去创作</div></div>
          
        </div>
      </div>
      <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">老是被别人嘲笑，我该怎么办</div>
          <div class="swiper-slide">老是被别人嘲笑，我该怎么办</div>
         
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
      <div class="wenti">
      <div class="qq">
        <p>老是被别人嘲笑，我该怎么办？</p>
    </div>
   
 <div class="rr">
    写回答
</div>



    <footer>
        <div id="bnav">
           
                <ul>
                    <li>
                        
                        <a href="./home page.html">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-shouye2"></use>
                                </svg>
                            </div>
                            <p>首页</p>
                        </a>
                    </li>
                    <li>
                        
                        <a href="./attention.html">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-guanzhu"></use>
                                </svg>
                            </div>
                            <p>关注</p>
                        </a>
                    </li>
                    <li>
                        
                        <a href="#">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-tianjia"></use>
                                </svg>
                            </div>
                           
                        </a>
                    </li>
                    <li>
                        
                        <a href="#">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-a-huiyuanVIP"></use>
                                </svg>
                            </div>
                            <p>会员</p>
                        </a>
                    </li>
                    <li>
                        
                        <a href="./my.html">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-wode1"></use>
                                </svg>
                            </div>
                            <p>我的</p>
                        </a>
                    </li>
                </ul>
              
            </nav>
                </footer>
                
                
    </body>
     <script src="./js/swiper/swiper-bundle.min.js">
     </script>
     <script>
        var swiper = new Swiper(".mySwiper", {});
     </script>
     <script src="./js/swiper/swiper-bundle.min.js"></script>
     <script>
        var swiper = new Swiper(".mySwiper", {
          navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
          },
        });
      </script>
       <script>
        var jarr=[{
            name:"xue",
            age:18,
            sex:"male"
        },{
            name:"zs",
            age:8,
            sex:"male"
        },{
            name:"lisi",
            age:52,
            sex:"male"
        }]
       
        jarr[1].age=30;
        console.log(jarr[0].name,jarr[1]["age"]);
        jarr.forEach((v,i)=>{
            for(var k in v){
                console.log(k+":"+v[k]);
            }
        });
        var str=JSON.stringify(jarr);
        console.log(str);
        var json=JSON.parse(str);
        json[2].name="liang";

        for(var n=0;n<jarr.length;n++){
            console.log(jarr[n].name);
        }
    </script>
    <script>
         var jarr=[{
            svg:""
         }]
    </script>
</body>
</html>